@import "./sidebar";
@import "./reset";
@import "./dark";


html, body, #app {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    background-color: var(--ba-bg-color);
    font-size: 14px;
    overflow: hidden;
    position: relative;
}

.el-dialog {
    --el-dialog-width: 50%;
    --el-dialog-margin-top: 15vh;
    --el-dialog-bg-color: #313235 !important;
    --el-dialog-box-shadow: var(--el-box-shadow);
    --el-dialog-title-font-size: var(--el-font-size-large);
    --el-dialog-content-font-size: 14px;
    --el-dialog-font-line-height: var(--el-font-line-height-primary);
    --el-dialog-padding-primary: 20px;
    --el-dialog-border-radius: var(--el-border-radius-small);
    position: relative;
    margin: var(--el-dialog-margin-top,15vh) auto 50px;
    background: var(--el-dialog-bg-color);
    border-radius: var(--el-dialog-border-radius);
    box-shadow: var(--el-dialog-box-shadow);
    box-sizing: border-box;
    width: var(--el-dialog-width,50%);
}


.app-container {
  margin: 20px;

  .search {
    padding: 18px 0 0 10px;
    margin-bottom: 10px;
    background-color: var(--el-bg-color-overlay);
    border: 1px solid var(--el-border-color-light);
    border-radius: 4px;
    box-shadow: var(--el-box-shadow-light);
  }
}

.el-dialog__header {
	margin-right: 0px !important;
	padding:0.5rem !important;
	border: 1px solid #424a5e;
	border-bottom: 1px solid #424653!important;
	
	.el-dialog__title{
		color: #ccc !important;
		font-size: 16px;
	}
	.el-dialog__headerbtn {
	    position: absolute;
		top:0rem !important;
	    width: 30px!important;
	    height: 30px!important;
		margin: 5px;
	}
}

.el-dialog__body {
    padding: 8px !important;
	border: 1px solid #424a5e;
	border-top: 0;
}

.el-dialog__footer {
    padding: 8px !important;
	border: 1px solid #424a5e;
	border-top: 0;
}

.el-input {
    --el-input-text-color: #ccc;
    --el-input-border:#105ae4;
    --el-input-hover-border: ##105ae4;
    --el-input-focus-border: var(--el-color-primary);
    --el-input-transparent-border: 0 0 0 1px transparent inset;
    --el-input-border-color:#424a5e;
    --el-input-border-radius: var(--el-border-radius-base);
    --el-input-bg-color: transparent;
    --el-input-icon-color: var(--el-text-color-placeholder);
    --el-input-placeholder-color: var(--el-text-color-placeholder);
    --el-input-hover-border-color: var(--el-border-color-hover);
    --el-input-clear-hover-color: var(--el-text-color-secondary);
    --el-input-focus-border-color: var(--el-color-primary);
}

.el-input__wrapper {
    display: inline-flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    padding: 1px 11px;
    background-color: var(--el-input-bg-color,var(--el-fill-color-blank));
    background-image: none;
    border-radius: var(--el-input-border-radius,var(--el-border-radius-base));
    transition: var(--el-transition-box-shadow);
    transform: translate3d(0,0,0);
    box-shadow: 0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset;
}

.el-form-item__label {
    color: #ccc!important;
}

	 .el-table__body-wrapper tr td.el-table-fixed-column--left, .el-table__body-wrapper tr td.el-table-fixed-column--right, .el-table__body-wrapper tr th.el-table-fixed-column--left, .el-table__body-wrapper tr th.el-table-fixed-column--right, .el-table__footer-wrapper tr td.el-table-fixed-column--left, .el-table__footer-wrapper tr td.el-table-fixed-column--right, .el-table__footer-wrapper tr th.el-table-fixed-column--left, .el-table__footer-wrapper tr th.el-table-fixed-column--right, .el-table__header-wrapper tr td.el-table-fixed-column--left, .el-table__header-wrapper tr td.el-table-fixed-column--right, .el-table__header-wrapper tr th.el-table-fixed-column--left, .el-table__header-wrapper tr th.el-table-fixed-column--right {
	    background: #606475;
	}
	
	 .el-table__body-wrapper tr td.el-table-fixed-column--right, .el-table__body-wrapper tr th.el-table-fixed-column--left, .el-table__body-wrapper tr th.el-table-fixed-column--right, .el-table__footer-wrapper tr td.el-table-fixed-column--left, .el-table__footer-wrapper tr td.el-table-fixed-column--right, .el-table__footer-wrapper tr th.el-table-fixed-column--left, .el-table__footer-wrapper tr th.el-table-fixed-column--right, .el-table__header-wrapper tr td.el-table-fixed-column--left, .el-table__header-wrapper tr td.el-table-fixed-column--right, .el-table__header-wrapper tr th.el-table-fixed-column--left, .el-table__header-wrapper tr th.el-table-fixed-column--right {
	    background: #606475;
	}
	
	 .el-table__body-wrapper tr th.el-table-fixed-column--left, .el-table__body-wrapper tr th.el-table-fixed-column--right, .el-table__footer-wrapper tr td.el-table-fixed-column--left, .el-table__footer-wrapper tr td.el-table-fixed-column--right, .el-table__footer-wrapper tr th.el-table-fixed-column--left, .el-table__footer-wrapper tr th.el-table-fixed-column--right, .el-table__header-wrapper tr td.el-table-fixed-column--left, .el-table__header-wrapper tr td.el-table-fixed-column--right {
	    background: #606475;
	}
	
	 .el-table__header-wrapper tr th.el-table-fixed-column--left{
		 background-color: #3d3d41;
	}
	
	 .el-table__header-wrapper tr th.el-table-fixed-column--right{
		background: #1f2021;
	}
	
	 .el-table__body-wrapper tr td.el-table-fixed-column--right, .el-table__body-wrapper tr th.el-table-fixed-column--left[data-v-c23973b1], .el-table__body-wrapper tr th.el-table-fixed-column--right[data-v-c23973b1], .el-table__footer-wrapper tr td.el-table-fixed-column--left[data-v-c23973b1], .el-table__footer-wrapper tr td.el-table-fixed-column--right[data-v-c23973b1], .el-table__footer-wrapper tr th.el-table-fixed-column--left[data-v-c23973b1], .el-table__footer-wrapper tr th.el-table-fixed-column--right[data-v-c23973b1], .el-table__header-wrapper tr td.el-table-fixed-column--left[data-v-c23973b1], .el-table__header-wrapper tr td.el-table-fixed-column--right[data-v-c23973b1], .el-table__header-wrapper tr th.el-table-fixed-column--left[data-v-c23973b1], .el-table__header-wrapper tr th.el-table-fixed-column--right[data-v-c23973b1] {
	    background: #3d3d41;
	}
	
	 .el-table__inner-wrapper::before {
	    /* background-color: var(--el-table-border-color); */
		background-color:transparent;
	}
	
	 .el-table {
	    color: #ccc!important;
	}
	
	 .el-table th.el-table__cell{
	    background-color: #1f2021 !important;
	}
	
	 .el-table thead {
	    font-weight: 500;
	}
	
	 .el-table tr {
	    background-color: #3d3d41 !important;
	}
	
	.el-table th.el-table__cell.is-leaf {
	    /* border-bottom: var(--el-table-border); */
		border-bottom:  1px solid #606475 !important;
	}
	
	.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf {
	    border-bottom:  1px solid #606475 !important;
	}
	
	/* .el-table__body tr.hover-row.current-row>td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell, */
	.el-table__body tr.hover-row>td.el-table__cell{
		 background-color: #18222c!important;
	}
	
	.el-table__empty-text {
	    color: #ccc !important;
	}
	
	.el-table__empty-block {
	    background: #3d3d41!important;
	}
	
	.el-table__inner-wrapper::before {
	    background-color: transparent!important;
	}
		
	.el-table__expanded-cell {
		 background-color: transparent!important;
	}